import {Drawer, Space} from 'antd';
import {useState} from 'react';
import {LeftOutlined, MenuOutlined} from "@ant-design/icons";
import {OpenNavigationIcon} from "@/component/Drawer/style";

const LeftDrawer = (props) => {
    const [visible, setVisible] = useState(false);

    const showDrawer = () => {
        setVisible(true);
    };


    const onClose = () => {
        setVisible(false);
    };

    return (
        <>
            <OpenNavigationIcon>
                <MenuOutlined onClick={showDrawer}/>
            </OpenNavigationIcon>
            <Drawer
                title="Navigation"
                placement={"left"}
                width={250}
                onClose={onClose}
                visible={visible}
                closeIcon={<LeftOutlined/>}
            >
                <p>Some contents...</p>
                <p>Some contents...</p>
                <p>Some contents...</p>
            </Drawer>
        </>
    );
};

export default LeftDrawer;
